export default {
  // 此处编写的就是Vue组件实例的配置项，通过一定语法，可以直接混入到组件内部
  //   data  methods computef 生命周期函数 。。。
  // 注：如果此处和组件内提供的同名的data或者methods，则组件内优先级更高
//   如果写了生命周期函数 则两个周期函数会用数组管理同一执行
  methods: {
    // 根据登录状态，判断是否需要显示登录确认框
    // 1.如果未登录=>显示确认框 返回true
    // 2.如果已登录=>啥也不干 返回false
    loginConfirm () {
      // 判断token是否存在
      // 1.存在继续
      // 2.不存在，弹确认框
      if (!this.$store.getters.token) {
        this.$dialog
          .confirm({
            title: '温馨提示',
            message: '此时需要先登录才能继续操作哦',
            confirmButtonText: '去登录',
            cancelButtonText: '再逛逛'
          })
          .then(() => {
            // 如果希望，跳转到登录后返回当前页面，需要在跳转时携带参数（当前的路径地址）
            this.$router.replace({
              path: '/login',
              query: {
                backUrl: this.$route.fullPath
              }
            })
          })
          .catch(() => {})
        return true
      }
      return false
    }
  }
}
